<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="__ROOT__/Public/Admin/shortcut icon" href="favicon.ico">
	<link href="__ROOT__/Public/Admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link href="__ROOT__/Public/Admin/css/animate.css" rel="stylesheet">
	<link href="__ROOT__/Public/Admin/css/style.css?v=4.1.0" rel="stylesheet">
	
	<style>
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	height:35px;
}
	</style>
	
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <table class="table table-bordered table-striped text-center" data-mobile-responsive="true">
                    <thead>
                    </thead>
                    <tbody>
                    	<tr style="background-color:#fbdc89 !important;">
                            <th colSpan="7" style="font-weight: normal">
                            	<span class="title" style="font-size:17px;">项目名称：</span>
                    			<span class="title" style="font-size:15px;" id="projectName"></span>
                            </th>
                        </tr>
                        <tr style="background-color:#305cf1 !important; color:#FFFFFF;" >
                            <td style="width:11%">工作事项</td>
                            <td style="width:12%">开始时间</td>
                            <td style="width:12%">结束时间</td>
							<td style="width:10%">持续天数</td>
							<td style="width:20%">A4打印纸</td>
							<td style="width:15%">负责单位</td>
                            <td style="width:15%">配合部门/单位</td>
                        </tr>
                        
							<tr style="background-color:#fbdc89" id="Getready">
								<td>一、准备阶段</td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
							</tr>

							<tr style="background-color:#fbdc89" id="startup">
								<td>二、启动阶段</td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
							</tr>

							<tr style="background-color:#fbdc89" id="Implementations">
								<td>三、实施阶段</td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
							</tr>
							
							<tr style="background-color:#fbdc89" id="check">
								<td>四、验收阶段</td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
							</tr>
                	</tbody>
          		</table>
            </div>
        </div>
    </div>
</body>
<script src="__ROOT__/Public/Admin/js/jquery.min.js"></script>
<script>
	var data = {"projectName":"XXX项目","data":[{"Getready":[{"0":[{"StartTime":"2017-11-11 11:11:11"},{"EndTime":"2017-12-12 12:12:12"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位A"},{"OtherDptName":"配合部门A"}]},{"1":[{"StartTime":"2017-11-13 13:13:13"},{"EndTime":"2017-12-14 14:14:14"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位B"},{"OtherDptName":"配合部门B"}]}]},{"startup":[{"0":[{"StartTime":"2017-11-11 11:11:11"},{"EndTime":"2017-12-12 12:12:12"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位C"},{"OtherDptName":"配合部门C"}]},{"1":[{"StartTime":"2017-11-13 13:13:13"},{"EndTime":"2017-12-14 14:14:14"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位D"},{"OtherDptName":"配合部门D"}]}]},{"Implementations":[{"0":[{"StartTime":"2017-11-11 11:11:11"},{"EndTime":"2017-12-12 12:12:12"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位E"},{"OtherDptName":"配合部门E"}]},{"1":[{"StartTime":"2017-11-13 13:13:13"},{"EndTime":"2017-12-14 14:14:14"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位F"},{"OtherDptName":"配合部门F"}]}]},{"check":[{"0":[{"StartTime":"2017-11-11 11:11:11"},{"EndTime":"2017-12-12 12:12:12"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位G"},{"OtherDptName":"配合部门G"}]},{"1":[{"StartTime":"2017-11-13 13:13:13"},{"EndTime":"2017-12-14 14:14:14"},{"continued":"1天"},{"OutputContent":"A4打印纸"},{"DptName":"单位H"},{"OtherDptName":"配合部门H"}]}]}]};

	$("#projectName").html(data.projectName);
	for(var list in data.data){
		var listdata,dom;
		if(data.data[list].Getready != undefined){
			listdata = data.data[list].Getready; 
			dom = $("#Getready");
		}else if(data.data[list].startup != undefined){
			listdata = data.data[list].startup;
			dom = $("#startup");
		}else if(data.data[list].Implementations != undefined){
			listdata = data.data[list].Implementations;
			dom = $("#Implementations");
		}else if(data.data[list].check != undefined){
			listdata = data.data[list].check;
			dom = $("#check");
		}
		for(var listKey in listdata){

			for(var itmeKey in listdata[listKey]){

				var itmeHtml = "<tr style=\"background-color:#FFFFFF\"><td></td><td>"+listdata[listKey][itmeKey][0].StartTime+"</td><td>"+listdata[listKey][itmeKey][1].EndTime+"</td><td>"+listdata[listKey][itmeKey][2].continued+"</td><td>"+listdata[listKey][itmeKey][3].OutputContent+"</td><td>"+listdata[listKey][itmeKey][4].DptName+"</td><td>"+listdata[listKey][itmeKey][5].OtherDptName+"</td></tr>";
				$(dom).after(itmeHtml);
				/* for(var fieldKey in listdata[listKey][itmeKey]){} */
			}
			
		}
		
	}
</script>
</html>